#wrapper{
    width:7.5rem;
    bottom:0;
    top:0.8rem;
}
.scroller{
    position: relative;
}
.scroller .reload{
    display: none;
    position: absolute;
    top:-1rem;
    width:7.5rem;
    text-align: center;
}
.scroller .reload.reloadShow{
    display: block;
}
body{
    background-color: #f2f2f2;
}
.doctor{
    width:7.5rem;
}
.doctor .tab{
    display: flex;
    width:7.5rem;
    height:.8rem;
    line-height: .8rem;
    text-align: center;
    background-color: #fff;
}
.doctor .tab span{
    flex:1;
    border-bottom:.04rem solid #ddd;
}
.doctor .tab span:first-child{
    border-right:0.02rem solid #ddd;
}
.doctor .tab span.active{
    color:#2ecc71;
    border-bottom-color:#2ecc71;
}
.doctor .doctorListWrap{
    position: relative;
}
.doctor .doctorListWrap .recommendedDoctor,.doctor .doctorListWrap .generalDoctor{
    position: absolute;
    width:7.5rem;
    left:0;
    top:0;
}
.doctor .doctorListWrap .generalDoctor{
    display: none;
}
.doctor .doctorListWrap li{
    margin-bottom:.2rem;
    background-color: #fff;
}
.doctor .doctorListWrap li>a {
    display: block;
}

.doctor  li .doctorInfo{
    position: relative;
    height:1.3rem;
    padding:.15rem .15rem .15rem 1.6rem;
}
.doctor  li .doctorInfo .authentication{
    position: absolute;
    right:.6rem;
    top:.23rem;
    border:0.6rem solid transparent;
    border-top-color: #ff5918;
    color:#ff5918;
    transform: rotate(45deg);
}
.doctor  li .doctorInfo .authentication:after{
    content: "认证";
    display: block;
    position: absolute;
    width:0.6rem;
    top:-0.54rem;
    left:-.2rem;
    color:#fff;
    font-size:.2rem;
}
.doctor  li .doctorInfo .authentication.nonAuthen{
    display: none;
}
.doctor  li .doctorInfo .isAvailable{
    display: inline-block;
    height:.4rem;
    line-height: .4rem;
    padding:0 .1rem;
    border-radius: .05rem;
    margin-left:.1rem;
    border:0.02rem solid #999;
    color:#999;
}
.doctor  li .doctorInfo .isAvailable.available{
    border-color: #2ecc71;
    color:#2ecc71;
}

.doctor  li .doctorInfo img{
    position: absolute;
    left:.15rem;
    top:.15rem;
    width:1.3rem;
    height:1.3rem;
}
.doctor li .doctorInfo .paddingTB15{
    padding:.12rem 0 .08rem;
}
.doctor li .doctorInfo .doctorName, .skilled{
    color:#333;

}
.doctor li .tags span{
    display: inline-block;
    height:.44rem;
    line-height: .44rem;
    padding: 0 .15rem;
    margin:0 .05rem .1rem;
    border-radius: .06rem;
    font-size:.24rem;
    vertical-align: top;
}
.doctor li .tags .doctorDetail{
    display: inline-block;
    height:.44rem;
    line-height: .44rem;
    border:0.02rem solid #2ecc71;
    color:#2ecc71;
    padding: 0 .15rem;
    margin-left:.1rem;
    vertical-align: top;
}
.doctor li .tags .tag{
    border:0.02rem solid #ff5918;
    color:#ff5918;
}

.doctor .charge p{
    height:.8rem;
    line-height: .8rem;
    padding-left:1.6rem;
    border-bottom:0.02rem solid #ddd;
}
.doctor .charge b, .doctor .charge a{
    color:#ff5918;
}
.doctor .charge span{
    /* margin-left:.2rem; */
    font-size:.26rem;
}

.doctor .charge .column2{
    display: flex;
    text-align: left;
}
.doctor .charge .column2 span{
    flex:1;
    font-size:.28rem;
}

